import { Component } from '@angular/core';

@Component({
  selector: 'app-myc01',
  templateUrl: './myc01.component.html',
  styleUrls: ['./myc01.component.css']
})
export class Myc01Component {

  names:Array<string> = ['李四','张三','王五'];
  
  constructor() {
    console.log('constructor: 构造方法，组件出生的第一时间触发');
  }

  ngOnInit(): void {
    // 网络请求和一些初始化操作一般写在这里
    console.log('ngOnInit: 组件中的内容开始初始化');
  }

  ngAfterContentInit(): void {
    console.log('ngAfterContentInit: 组件中的数据初始化完毕时');
  }

  ngAfterViewInit(): void {
    console.log('ngAfterViewInit: 组件上的UI界面初始化时');
  }

  ngAfterContentChecked(): void {
    console.log('ngAfterContentChecked: 组件上的数据发生变化时');
  }

  ngAfterViewChecked(): void {
    console.log('ngAfterViewChecked: 组件上的UI随着数据的变化而更新');
  }

  ngOnDestroy(): void {
    // 一些清除定时器、事件解绑等操作写在这里
    console.log('ngOnDestroy: 组件销毁时触发');
  }



}
